<template>
  <div class="test">
    <h2>父组件</h2>
    <child></child>
    <child>
      <div slot="left">左边</div>
      <div slot="center">
        <div>中间</div>
        <div>内容xxxx</div>
      </div>
      <div slot="right">右边</div>
    </child>
    <!-- 2.6+ -->
    <child>
      <template v-slot:left>左边</template>
      <template v-slot:center>
        <div>中间</div>
        <div>内容xxxx</div>
      </template>
      <template v-slot:right>右边</template>
    </child>
    <!-- 2.6+ 简写 -->
    <child>
      <template #left>左边</template>
      <template #center>
        <div>中间</div>
        <div>内容xxxx</div>
      </template>
      <template #right>右边</template>
    </child>
  </div>
</template>
<script>
import Child from './Child.vue'
export default {
  data() {
    return {}
  },
  components: {
    Child
  }
}
</script>
<style lang="scss" scoped></style>
